<template>
	<uni-grid class="popmenu" :column="columns" showBorder borderColor="gray" :square="false">
		<uni-grid-item v-for="(item, idx) in items" :key="idx">
			<text @click="$emit('click', items[idx])">{{item}}</text>
		</uni-grid-item>
	</uni-grid>
</template>

<script>
	export default {
		name:"popmenu",
		props:{
			items:{					// 菜单项
				type:Array,
			},
			columns:{
				type:Number,
				default: 6,
			},
		},
		data() {
			return {
				
			};
		},
		methods:{

		}
	}
</script>

<style scoped>
	.popmenu{
		z-index: 99999;
		
		border-radius: 20rpx;
		
		background-color: #111111;
		
		position: absolute;
		
		left: 50%;
		top: 50%;
		transform: translate(-50%);
		max-width: 600rpx;
	}
	
	.popmenu text{
		color: white;
		text-align: center;
		line-height: 2em;
		font-size: small;
	}
</style>
